<!DOCTYPE html>
 <style>
    div {
        width: 20px;
        height: 20px;
        border: 30px;
        border-image-source: url(resources/border-image.png);
        border-image-slice: 6;
        image-rendering: pixelated;
        border-style: solid;
    }
</style>
<body>
    <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
    <div></div>
</body>
